<template>
  <div class="bg">
    <div class="name">今 日 定 时 点 查 看</div>
    <div class="main">
      <div class="table">
        <el-table :data="tableData" border style="width: 100%;height: 100%;">
        <el-table-column  type="index"  min-width="10">
        </el-table-column>
        <el-table-column prop="name" label="定时点名称" min-width="40">
        </el-table-column>
        <el-table-column prop="round" label="播放周期"> </el-table-column>
        <el-table-column prop="startDate" label="起始日期" >
        </el-table-column>
        <el-table-column prop="endDate" label="终止日期" >
        </el-table-column>
        <el-table-column prop="startTime" label="开始时间"> </el-table-column>
        <el-table-column prop="endTime" label="结束时间"> </el-table-column>
        <el-table-column prop="showSource" label="状态"> </el-table-column>
      </el-table>
      </div>
      <div class="button">
        <button>详 细  信 息</button>
        <button>禁 用 & 启 用</button>
        <button @click="back">返 回</button>
      </div>
    </div>
  </div>
</template>
<script setup>
import { ref } from "vue";
import { useRouter } from "vue-router";
const router = useRouter();
const back = () => {
  router.go(-1);
};
const tableData =
  ref([
    {
      number:'1',
      name:"mincheng",
      round:"播放周期",
      startDate: "2016-05-03",
      endDate: "2016-05-04",
      startTime: "1点",
      endTime:"2dian",
      showSource:"111"
    },
    {
      number:'2',
      name:"mincheng",
      round:"播放周期",
      startDate: "2016-05-03",
      endDate: "2016-05-04",
      startTime: "1点",
      endTime:"2dian",
      showSource:"111"
    },
    {
      number:'3',
      name:"mincheng",
      round:"播放周期",
      startDate: "2016-05-03",
      endDate: "2016-05-04",
      startTime: "1点",
      endTime:"2dian",
      showSource:"111"
    },
    {
      number:'4',
      name:"mincheng",
      round:"播放周期",
      startDate: "2016-05-03",
      endDate: "2016-05-04",
      startTime: "1点",
      endTime:"2dian",
      showSource:"111"
    },
    {
      number:'1',
      name:"mincheng",
      round:"播放周期",
      startDate: "2016-05-03",
      endDate: "2016-05-04",
      startTime: "1点",
      endTime:"2dian",
      showSource:"111"
    },
    {
      number:'2',
      name:"mincheng",
      round:"播放周期",
      startDate: "2016-05-03",
      endDate: "2016-05-04",
      startTime: "1点",
      endTime:"2dian",
      showSource:"111"
    },
    {
      number:'3',
      name:"mincheng",
      round:"播放周期",
      startDate: "2016-05-03",
      endDate: "2016-05-04",
      startTime: "1点",
      endTime:"2dian",
      showSource:"111"
    },
    {
      number:'4',
      name:"mincheng",
      round:"播放周期",
      startDate: "2016-05-03",
      endDate: "2016-05-04",
      startTime: "1点",
      endTime:"2dian",
      showSource:"111"
    },
   
    
  ]);
</script>
<style lang="less" scoped>
@import url("./viewToday.less");
</style>
